<template>
    <div class="searchList">
        <div class="searchList_head">
            <span class="goBack" @click="goBack">&lt;</span>
            <div class="search_box">
                <img src="../../../static/img/search.png" />
                <el-input placeholder="请输入内容" v-model="searchVal" clearable></el-input>
            </div>
            <span class="search_text">搜索</span>
        </div>
    </div>
</template>
<script>
export default {
    name:'searchList',
    data(){
        return{
            searchVal: '',
        }
    },
    methods:{
        goBack(){
            this.$router.go(-1)
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../../assets/less/public.less);
@color:{color: #333333};
.searchList{
    .searchList_head{
        @width();
        @flex();
        @justify1();
        padding: 0.8em 0;
        .search_box{
            flex-grow: 1;
            margin-right: 1em;
            background: #eeeeee;
            height: 2em;
            border-radius: 1em;
            box-sizing: border-box;
            padding: 0 0 0 1em;
            margin: 0 1em;
            color: #aaaaaa;
            overflow: hidden;
            @flex();
            @justify3();
            img{
                width: 1.3em;
            }
            /deep/ .el-input{
                text-align: left;
                .el-input__inner{
                    height: 2em !important;
                    line-height: 2em !important;
                    background: #eeeeee !important;
                    padding: 0 1%;
                    border: none;
                    width: 95%;
                }
            }
            
        }
        .goBack{
           @goBack();
        }
        .search_text{ @color();}
    }
}
</style>


</style>


